<template>
  <div class="main-container">
    <div style="background-color: #fff; height: 100%">
      <a-tabs :lazy-load="true" type="card" @change="tabsChange" justify>
        <a-tab-pane title="仓库类型" key="1">
          <div style="height: 100%">
            <WarehouseCategory></WarehouseCategory>
          </div>
        </a-tab-pane>
        <a-tab-pane title="仓库" key="2">
          <div style="height: 100%">
            <WarehouseSettings></WarehouseSettings>
          </div>
        </a-tab-pane>
        <a-tab-pane title="布笼信息" key="3">
          <div style="height: 100%">
            <AstorageShelf></AstorageShelf>
          </div>
        </a-tab-pane>
        <a-tab-pane title="入库类型列表" key="4">
          <div style="height: 100%">
            <InboundType></InboundType>
          </div>
        </a-tab-pane>
        <a-tab-pane title="出库类型列表" key="5">
          <div style="height: 100%">
            <OutboundType></OutboundType>
          </div>
        </a-tab-pane>
        <!-- <a-tab-pane title="仓库包装盒" key="6">
                            <div style="height: 100%;">
                               <PackagingManagement></PackagingManagement>
                            </div>
                    </a-tab-pane> -->
        <!-- <a-tab-pane title="仓库字段管理" key="7">
                            <div style="height: 100%;">
                               <WarehouseFieldManagement></WarehouseFieldManagement>
                            </div>
                    </a-tab-pane> -->
        <a-tab-pane title="仓库区域" key="8">
          <div style="height: 100%">
            <WarehouseAreademo></WarehouseAreademo>
          </div>
        </a-tab-pane>
        <a-tab-pane title="审核管理" key="9">
          <div style="height: 100%">
            <AuditManagement></AuditManagement>
          </div>
        </a-tab-pane>
        <a-tab-pane title="车牌号" key="10">
          <div style="height: 100%">
            <Chepaihao></Chepaihao>
          </div>
        </a-tab-pane>
        <a-tab-pane title="车辆运输管理" key="11">
          <div style="height: 100%">
            <VehicleRecords></VehicleRecords>
          </div>
        </a-tab-pane>
       
      </a-tabs>
    </div>
  </div>
</template>

<script lang="ts">
  import { defineComponent, reactive, ref } from 'vue'
  import emitter from '@/hooks/useEventBus'
  import InboundType from '@/components/warehousesettings/basicdatasettings/InboundType.vue'
  import OutboundType from '@/components/warehousesettings/basicdatasettings/OutboundType.vue'
  import WarehouseSettings from '@/components/warehousesettings/basicdatasettings/WarehouseSettings.vue'
  import WarehouseCategory from '@/components/warehousesettings/basicdatasettings/WarehouseCategory.vue'
  import AstorageShelf from '@/components/warehousesettings/basicdatasettings/AstorageShelf.vue'
  import WarehouseAreademo from '@/components/warehousesettings/basicdatasettings/WarehouseAreademo.vue'
  import AuditManagement from '@/components/warehousesettings/basicdatasettings/AuditManagement.vue'
  import Chepaihao from '@/components/warehousesettings/basicdatasettings/Chepaihao.vue'
  import VehicleRecords from '@/components/warehousesettings/basicdatasettings/VehicleRecords.vue'
 

  export default defineComponent({
    name: 'BaseInfoSetting',
    components: {
      InboundType,
      OutboundType,
      WarehouseSettings,
      WarehouseCategory,
      AstorageShelf,
      WarehouseAreademo,
      AuditManagement,
      Chepaihao,
      VehicleRecords,
    },
    setup() {
      const pageData = reactive({
        tableIndex: '1',
      })
      
      const tabsChange = (e: string | number) => {
        emitter.emit('window-change')
      }
      return {
        pageData,
        tabsChange,
        // tapShow
      }
    },
  })
</script>

<style lang="less" scoped>
  .main-container {
    height: 100%;
  }
</style>
